<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="button" id = "btn" value="点我">
    <br/>
    <input type="text" id="input">
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //单击事件
    $("#btn").click(function () {
        alert("点我干嘛")
    })
    //获取焦点事件
    $("#input").focus(function () {
        alert("你要输入数据啦")
    })
    //失去焦点事件
    $("#input").blur(function () {
        alert("你输入完成啦")
    })
    //jQuery中的页面加载方式:
    //  1.标准的写法
    //      $(document).ready(function(){
    //
    //      })
    //  2.简写形式
    //      $(function(){
    //
    //      })
    /*$(document).ready(function () {
        $("#btn").click(function () {
            alert("点我干嘛")
        })
    })*/
</script>
</html>